
<script>
    var SanQiZhongTeView = {
        props:{
            dataList: {
                type: [Object, Array],
                default: () => {
                    return {};
                }
            },
            nextJob : {
                type: Object,
                default: () => {
                    return {};
                }
            },
        },
        template:`<div >
                    <template v-if="dataList.meansList && dataList.meansList.length">
                        <div class="list-wrapper"  v-for="(item,inx) in dataList.meansList" :key="inx">
                            <div class="list-wrapper-title">{{dataList.subtitle}}</div>

                            <div class="duilianpt centent8">
                                <el-row type="flex" justify="space-between" class="element-row">
                                <el-col :span="6">

                                <div class="text-left text-left-pd5" v-html="getIssues(item)">
                                </div>
                                
                                </el-col>
                                <el-col :span="12" class="wave-colors">
                                    <div class="text-left row-text" v-if="item.means && item.means[0]&& item.means[0].length" >
                                        <div class="item">
                                            <span v-html="bosehtml(item.means[0],0)"></span>
                                        </div>
                                    </div>
                                </el-col>

                                <el-col :span="6" class="wave-colors">
                                    <div class="text-left text-left-pd5" v-html="getDraw(item)">
                                    </div>
                                </el-col>
                                </el-row>

                                </div>

                                    
                        </div>
                    </template>
                </div>
        `,
        data() { return { nextList:{} } },
        extends:moldExtend,
        mounted() { },
        methods: {
            getIssues(item){
                var str = '';
                for(var i= Number(item.issue)-1; i< Number(item.last_issue); i++){
                    str += '<div>'+this.initIssue((i+1))+'期</div>';
                    
                }
                return str;
            },
            getDraw(item){
                var str = '';
                for(var i= Number(item.issue); i<= Number(item.last_issue); i++){
                    str += '<div class="item">';
                    str += ' <span class="black-text">开:';
                    if(item.is_true == 0) {
                        str += ' <span class="red-text">？00</span>';
                    }else{
                        var flag = false;
                        for(var j in item.remark) {
                            if(item.remark[j].issue == i) {
                                str += ' <span class="red-text">'+item.remark[j].drawp+'</span>';
                                flag = true;
                            }
                        }
                        if(!flag) {
                            str += ' <span class="red-text">？(00)</span>';
                        }
                        // item.remark
                        // console.log(item,i)
                    }
                    
                    str += ' </span></div>';
                }
                return str;
            }
        }
    }
</script>